<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.2.1.1.js"></script>
	</head>
	<body>
		订单列表
		
		<table border="1px" width="800px">
			<tr>
				<td>商品编号</td>
				<td>商品区域</td>
				<td>商品名称</td>
				<td>商品价格</td>
				<td>库存数量</td>
				<td>订单状态</td>
				<td>操作</td>
			</tr>
			
			<tbody id="scott">
				<!-- <tr><td>商品编号</td><td>商品名称</td><td>商品价格</td><td>库存数量</td><td>订单状态</td><td>操作</td></tr> -->
			</tbody>
		</table>
		
		
		<script>
			$(function(){
				
				// AJAX
				//发送ajax请求
				$.ajax({
				    // 1、 url : 请求的后台地址
				    url:'http://localhost:8083/goods/all',
				    // 2、请求的方法 GET POST
				    type:'GET',
				    // 3、前后台使用JSON格式的数据
				    dataType:'json',
				    // 4、如果后台正常返回数据、则执行这个方法
				    // 后台返回的数据放在变量data
				    success:function(backData){
				        console.log(backData);
				        // 循环数组
				
				        if(backData.status !== '200'){
							
							//多条数据
							var dataList = backData.data;
							for(var index=0; index<dataList.length;index++){
								var entity = dataList[index];
								
								var tr ='<tr><td>'+entity.id+'</td><td>'+entity.goodsDistrictName+'</td><td>'+entity.goodsName+'</td><td>'+entity.goodsPrice+'</td><td>'+entity.goodsCount+'</td><td>'+entity.billStatusName+'</td><td><a href="#">修改</a></td></tr>';
								$('#scott').append($(tr));
								
							}
							
							//var tr = '<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr>'
				            //return;
				        }
				
				     }   
				
				
				});
				
			});
		
		</script>
	</body>
</html>
